<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="./js/vue.js"></script>
    <title>Document</title>
</head>

<body>
    <div id="app">

        <h1>null--{{null}}</h1>
        <h1>undefined--{{undefined}}</h1>
        <h1>{{myname}}的基础使用</h1>
        <h1>{{1+1}}</h1>
        <h1>{{5&&0}}</h1>

    </div>
    <script>

        const vm = new Vue({

            el: "#app",
            // template: ` <p>{{age}}的基础使用</p> `,
            data: {
                myname: "Vue",
                age: 18,
                sex: "man",
            },
        });


        /*
        
        语法规则：
           
        1. 插值语法中的变量都是从当前的vm对象上去寻找的

        2. 插值语法中可以书写任意表达式(由一个或者多个变量或值 配合0个或多个运算符组成的 被称作为表达式,表达式都会有返回值),不能书写语句

        3. 插值的变量可以是任意类型的,按照一定的规则转为字符串展示(Symbol除外)
        
        
        */

    </script>
</body>

</html>